<template>
  <div>
    <!-- Price Section start-->
    <section id="price" class="price">
      <div class="container">
        <div class="row">
          <div class="col-sm-12">
            <carousel :className='"price-carousel"'
                      :loop=true
                      :margin=30
                      :items=3
                      :center=false
                      :nav=false
                      :dots=false
                      :dotsEach=false
                      :autoplay=false
                      :responsive="{0:{items:1, dots:true},600:{items:1,dots:true},768:{items:2,dots:true},992:{items:3,nav:false},1000:{items:3,nav:false}}"
            >
              <div class="price-item">
                <div class="price-block">
                  <div class="price-type">
                    <h2>入坑类课程</h2>
                  </div>
                  <div class="mrp">
                    <h6 class="user-type">适合非专业人员</h6>
                    <div class="price-devide"></div>
                    <h2>节操100</h2>
                    <h6 class="price-year"></h6>
                    <div class="price-devide"></div>
                  </div>
                  <ul class="price-feature">
                    <li>《PPT术与道》</li>
                    <li>《超预测》</li>
                    <li>《黑客与画家》</li>
                    <li>《推理的迷宫》</li>
                    <li>《自私的基因》</li>
                  </ul>
                  <a href="#" class="btn btn-custom theme-color" role="button" >丢节操报名</a>
                </div>
              </div>
              <div class="price-item">
                <div class="price-block">
                  <div class="price-type">
                    <h2>填坑类课程</h2>
                  </div>
                  <div class="mrp">
                    <h6 class="user-type">适合入门级人员</h6>
                    <div class="price-devide"></div>
                    <h2>节操300</h2>
                    <h6 class="price-year"></h6>
                    <div class="price-devide"></div>
                  </div>
                  <ul class="price-feature">
                    <li>《Vue乱炖》</li>
                    <li>《非严肃密码学》</li>
                    <li>《远程调用》</li>
                    <li>《JAVA跨平台之谜》</li>
                    <li>《分布式版本控制之谜》</li>
                  </ul>
                  <a href="#" class="btn btn-custom theme-color" role="button" >丢节操报名</a>
                </div>
                </div>
              <div class="price-item">
                <div class="price-block">
                  <div class="price-type">
                    <h2>弃坑类课程</h2>
                  </div>
                  <div class="mrp">
                    <h6 class="user-type">适合有一定专业知识人员</h6>
                    <div class="price-devide"></div>
                    <h2>节操500</h2>
                    <h6 class="price-year"></h6>
                    <div class="price-devide"></div>
                  </div>
                  <ul class="price-feature">
                    <li>《架构之道》</li>
                    <li>《CTO内训营系列》</li>
                    <li>《分布式系统系列》</li>
                    <li>《区块链系列》</li>
                    <li>《人工智能系列》</li>
                  </ul>
                  <a href="#" class="btn btn-custom theme-color" role="button" >丢节操报名</a>
                </div>
                  </div>
            </carousel>
          </div>
        </div>
      </div>
    </section>
    <!-- Price Section End -->
  </div>
</template>
<script>
export default {
  name: 'Price',
  }
</script>
